<script setup lang="ts">/**
 *主页推荐项目
 * @author 高桥凉介
 * @date 2024-12-24 02:47:41
 */

</script>

<template>
<div id="HomePro">
  <el-card class="proCard">
    <div class="card-title">
      <p class="title">推荐项目</p>
      <div>
        <el-card class="listPro" shadow="hover">
          <img src="../../assets/pro.jpg" width="180px" style="border-radius: 10px">
          <div style="margin-top: 1px;font-weight: bold;font-size: 20px; margin-bottom: 1rem">图书回收项目</div>
        </el-card>
      </div>
    </div>
  </el-card>
</div>
</template>

<style scoped>
.proCard{
  width: 72rem;
}
.listPro{
  margin-top: 1rem;
  width: 15rem;
  height: 14rem;
}
</style>